<template>
<div class="demo">
    <h1 class="test">{{msg}}</h1>
    <h2>学校名称:{{name}}</h2>
    <h2>学校地址:{{address}}</h2>
</div>
</template>
<script>
import pubsub from 'pubsub-js'
export default {
name:'SchoolN',
  data() {
    return {
        msg:'欢迎来到学校',
        name: '金陵科技学院',
        address:'江宁区',

    }
  },
  //一到挂载这个阶段就开始订阅消息
  mounted(){                  //回调函数
      this.pubId =pubsub.subscribe('hello',(msgName,data)=>{
        //里面的this不是vue所以可以用箭头函数
         console.log('有人发布了hello消息 School收到了',msgName,data)
      })
  },
  destroyed(){
    pubsub.unsubscribe(this.pubId)
  }
}
</script>

<style scoped>
.demo{
  background: orange;
}
</style>